<template>
  <div class="today-window">

    <video class="videodemo"  autoplay muted src="http://8.130.120.35:8080/rtp/34020000001110000001_43000000801310004054.live.mp4"></video>
  </div>
</template>
<script>

import { api } from "@/api/index.js";
// import { getWeatherData } from "@/api/bridgeMonitoring/sensor";

export default {

  data() {
    return {
    
    };
  },
  mounted() {

  },
  computed: {},
  methods: {
  
  },
};
</script>
<style scoped lang='scss'>
.videodemo{
  width: 90%;
  margin-left: 21px;
  height: 95%;
  margin-top: 10px;
}
.today-window {
  width: 448px;
  height: 262px;
  margin-bottom: 24px;
  // background: rgba(13, 26, 35, 0.15);
  right: 30px;

  background: url("~@/assets/waterLevel/video.png");
  background-size: 100% 100%;
  position: relative;
  overflow: hidden;
  z-index: 5;

}
</style>
